/**** DINNERBID v1.0 ******/

/*
	COLOR KEY:
		
	Off-White   #fafafa
 	Blue		#93cdf4
 	Charcoal	#3a3a3a	
 	

*/
 
/* -------- General Styles ------*/
 
body {
	background: url(../images/tommy/bg.jpg);
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

html, body {
	height: 100%;
}

.gradient {
	height: 369px;
	background: url(../images/tommy/gradient.png) repeat-x;
	position: absolute;
	top: 94px;
	width: 100%;
	z-index: -1;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -175px;
	z-index: 50;
}

#footer-wrap, .push {
	height: 175px;
}

#main {
	width: 720px;
}

#main-full {
	width: 1000px;
}

a {
	text-decoration: none;
	color: #942c29;
}

.box p {
	margin-bottom: 20px;
}

.box h2 {
	font-family: "futura-pt-1","futura-pt-2";
	border-bottom: 1px solid #e3e0e0;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 15px;
	max-width: 400px;
}

.box ul {
	list-style-image: url(../images/tommy/icon_check_small.png);
}

.box ul li {
	margin-bottom: 10px;
}

.box .col1 {
	width: 500px;
	float: left;
}

.box .col2 {
	width: 400px;
	float: right;
}

.box .col2 table tr {
	max-width: 400px !important;
}

input, textarea, select {
	padding: 5px;
	width: inherit;
	border: inherit;
	border: 1px solid #ccc;
}

label {
	display: inherit;
	font-weight: inherit;
	color: inherit;
	font: inherit;
	text-transform: none;
	margin: inherit;
}

/* ---------- Resuable Classes ---------- */

.box {
	background: #ffffff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-box-shadow: 0 0 7px #679cc3;
	-moz-box-shadow: 0 0 7px #679cc3;
	box-shadow: 0 0 7px #679cc3;
	border: 2px solid #fafafa;
	margin-bottom: 30px;
}

.divider {
	background: #e2e0e0;
	width: inherit;
	height: 1px;
	margin: 20px 0 20px 0;
}

.box h4.ribbon-title {
	width: 185px;
	height: 38px;
	padding: 6px 0 0 15px;
	display: block;
	font-family: "futura-pt-1","futura-pt-2";
	font-weight: 600;
	font-size: 20px;
	color: #ffffff;
	background: url(../images/tommy/ribbon_bargain.png) no-repeat;
	text-shadow: 0 2px 1px #a5302c;
	position: absolute;
	top: 18px;
	left: -12px;
}

#default {
	width: 720px;
	height: 450px;
	position: relative;
}

#default-full {
	width: 980px;
	padding: 75px 10px 20px 10px;
	position: relative;
}

/* ---------- Header ---------- */

#header-wrap {
	background: url(../images/tommy/header.png) repeat-x top;
	width: 100%;
}

#header {
	height: 145px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 200;
	overflow: visible;
}

#header h1 {
	position: absolute;
	top: 15px;
	height: 130px;
	width: 380px;
	background: url(../images/tommy/logo.png) no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
}

#header h1 a {
	width: 380px;
	height: 130px;
	display: block;
	text-align: -9999px;
}

#city {
	position: absolute;
	top: 35px;
	left: 450px;
}

#city ul {
	font-size: 30px;
	font-family: 'futura-pt-1','futura-pt-2';
	color: #ffffff;
	text-shadow: 0 2px 3px #000;
	position: relative;
	font-weight: bold;
	background: transparent;
	border: none;
	list-style: none;
	background: url(../images/tommy/arrow.png) no-repeat right;
	padding-right: 20px;
	background-position-y: 20px;
}

#city ul li ul {
	display: none;
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 15px;
	background: none;
}

#city ul li:hover ul {
	position: absolute;
	display: block;
	z-index: 1000;
	left: 0;
	top: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 15px;
	background: none;
}

#city ul li:hover ul li a {
	color: #fff;
}

#city ul li:hover ul li a:hover {
	color: #942C29;
}

#signin {
	font-size: 15px;
	position: absolute;
	right: 0;
	top: 15px;
	color: #ffffff;
	text-shadow: 0 2px 2px #000000;
}

#signin a {
	color: #ffffff;
}

#city a:hover, #signin a:hover {
	color: #94cef5;
}

/* ---------- Navigation ---------- */

#nav {
	list-style: none;
	height: 55px;
	width: 720px;
	margin: 0;
	padding: 15px 0 15px 0;
}

#nav li {
	display: inline;
	width: 170px;
	height: 35px;
	float: left;
}

li#nav1 {
	margin-left: 30px;
	margin-right: 75px;
}

li#nav2 {
	margin-right: 75px;
}

li#nav3 {
	margin-right: 30px;
}

#nav li a {
	font-family: 'futura-pt-1','futura-pt-2';
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background: #242424;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: block;
	width: 170px;
	text-align: center;
	height: 30px;
	padding-top: 5px;
	text-shadow: 0 2px 2px #000;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.4);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.4);
}

#nav li a:hover {
	background: #5c9dc7;
	color: #154260;
	text-shadow: 0 1px 1px rgba(255,255,255,0.4);
	-webkit-box-shadow: inset 0 0 5px rgba(21,66,96,0.5);
	-moz-box-shadow: inset 0 0 5px rgba(21,66,96,0.5);
}

/* ---------- Today's Deal ---------- */

#todays-deal {
	width: 676px;
	height: 760px;
	padding: 20px;
	position: relative;
}

img.deal-img {
	width: 268px;
	height: 398px;
	background: #000;
	position: absolute;
	top: 18px;
	left: 18px;
	border: 1px solid #181818;
}

#deal-details {
	position: absolute;
	left: 310px;
	top: 30px;
	width: 390px;
}

#deal-details2 {
    float:right;
    width: 390px;
}

#bargain-detail
{
	padding: 20px;
    position: relative;
    width: 676px;
}

h2.deal-title {
	font-family: "futura-pt-1","futura-pt-2";
	font-weight: 600;
	font-size: 34px;
	color: #3b3b3b;
	margin-bottom: 15px;
}

#deal-details p {
	font-family: Verdana;
	font-size: 15px;
	margin-bottom: 20px;
}

#coupon {
	width: 390px;
	height: 92px;
	background: url(../images/tommy/coupon.jpg) no-repeat;
	position: relative;
}

#coupon h3 {
	font-family: "futura-pt-1","futura-pt-2";
	font-size: 54px;
	font-weight: 700;
	color: #fefafa;
	text-shadow: 0 4px 0 #a5302c;
	position: absolute;
	top: 15px;
	left: 20px;
}

#coupon a#print, #coupon a.print{
	font-size: 20px;
	font-family: "futura-pt-1","futura-pt-2";
	font-weight: 600;
	color: #fefafa;
	text-shadow: 0 2px 0 #a5302c;
	position: absolute;
	right: 35px;
	bottom: 32px;
}

#coupon a#print:hover,#coupon a.print:hover {
	color: #801d1a;
	text-shadow: 0 1px rgba(255,255,255,0.4);
}

#ribbon-deal h4 {
	width: 185px;
	height: 38px;
	padding: 6px 0 0 15px;
	display: block;
	font-family: "futura-pt-1","futura-pt-2";
	font-weight: 600;
	font-size: 20px;
	color: #ffffff;
	background: url(../images/tommy/ribbon_bargain.png) no-repeat;
	text-shadow: 0 2px 1px #a5302c;
	position: absolute;
	bottom: 320px;
	left: -12px;
}

#restaurant-details {
	font-size: 12px;
	color: #181818;
	margin-top: 20px;
}

#restaurant-details h3 {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}

#restaurant-details p {
	margin-bottom: 5px;
	line-height: 19px;
	font-weight: normal;
	font-size: 12px;
}

#social-share {
	margin-top: 20px;
}

#social-share #twitter {
	margin-top: 10px;
}

#social-share #facebook {
	
}

#social-share #email a {
	background: url(../images/tommy/email_30.png) no-repeat top left;
	padding: 8px 0 0 40px;
	font-size: 12px;
	height: 30px;
	float: right;
	margin: -45px 10px 0 0;
	font-family: "futura-pt-1","futura-pt-2";
	font-weight: 400;
	color: #181818;
}

#bargain-details {
	position: absolute;
	left: 18px;
	top: 500px;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 19px;
	width: 676px;
}

#bargain-details .description {
	width: 330px;
}

#bargain-details p {
	margin-bottom: 20px;
}

#bargain-details #map {
	width: 302px;
	height: 172px;
	float: right;
	border: 1px solid #121212;
}

#bargain-details #map address {
	width: 200px;
	text-align: left;
	margin-top: 15px;
	font-size: 13px;
	color: #242424;
}

#bargain-details #map address strong {
	display: block;
}

#bargain-details #map address a.directions {
	display: block;
}

/* ---------- Related Ads ----------- */

#related-ads {
	width: 700px;
	margin: 30px 0 30px 0;
	padding: 75px 10px 0 10px;
	position: relative;
}

#ribbon-daily-bargains h4 {
	
}

#related-ads.box {
	background: #fff;
}

#related-ads .ad, #daily-bargains-page .bargain {
	width: 320px;
	height: 130px;
	float: left;
	margin: 0 15px 20px 15px;
	position: relative;
}

#related-ads .ad img, #daily-bargains-page .bargain img {
	max-width: 150px;
	top: 0;
	left: 0;
}

.ad ul.ad-details, .bargain ul.ad-details {
	width: 140px;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px;
	list-style: none;
}

.ad ul.ad-details li, .bargain ul.ad-details li {
	border-bottom: 1px solid #dcdcdc;
	padding: 7px 0 7px 0;
}

.ad ul.ad-details li:first-child, .bargain ul.ad-details li:first-child {
	border-top: 1px solid #dcdcdc;
}

.ad ul.ad-details li a, .bargain ul.ad-details  li a {
	color: #242424;
}

.ad ul.ad-details li em, .bargain ul.ad-details li em {
	font-weight: bold;
}

.ad ul.ad-details li a:hover, .bargain ul.ad-details li a:hover {
	color: #942c29;
}

/* ---------- Related Ads PAGINATION TEST ----------- */

ul.ad-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.ad-list li {
	width: 320px;
	height: 130px;
	float: left;
	margin: 0 15px 20px 15px;
}

ul.ad-list li img {
	max-width: 150px;
	float: left;
}

ul.ad-list li .ad-meta {
	width: 140px;
	font-size: 13px;
	
	margin-bottom: 0;
	float: right;
}

ul.ad-list li .ad-meta p {
	margin-bottom: 0;
	border-bottom: 1px solid #dcdcdc;
	padding: 7px 0 7px 0;
}

ul.ad-list li .ad-meta p:first-child {
	border-top: 1px solid #dcdcdc;
}


ul.ad-list li .ad-meta p a {
	color: #242424;
}

ul.ad-list li .ad-meta p em {
	font-weight: bold;
}

ul.ad-list li .ad-meta p a:hover {
	color: #942c29;
}

a.last_link, a.first_link, span.ellipse.more {
	display: none !important;
}

.page_navigation a {
	padding:5px 7px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: 'futura-pt-1','futura-pt-2';
	font-size: 18px;
	background-color: #d03e3a;
	margin-bottom: 18px;
}

.page_navigation a:hover {
	background-color: #9f2521;
}

/* ---------- Daily Bargains Page ----------- */

#daily-bargains-page {
	width: 700px;
	min-height: 300px;
	position: relative;
	padding: 75px 10px 0 10px;
}

h4#ribbon-bargain-details {
	width: 185px;
	height: 38px;
	padding: 6px 0 0 15px;
	display: block;
	font-family: "futura-pt-1","futura-pt-2";
	font-weight: 600;
	font-size: 20px;
	color: #ffffff;
	background: url(../images/tommy/ribbon_bargain.png) no-repeat;
	text-shadow: 0 2px 1px #a5302c;
	position: absolute;
	bottom: 320px;
	left: -12px;
}

#choose-bargain {
	width: 700px;
	margin-bottom: 30px;
}

#choose-bargain p {
	float: left;
	width: 206px;
	padding-left: 20px;
}

#choose-bargain p label, #choose-bargain p select {
	float: left;
	width: 200px;
}

#choose-bargain p label {
	font-family: "futura-pt-1","futura-pt-2";
	font-weight: 500;
	font-size: 17px;
}


/* ---------- Bid for Me ------------ */

#bid-for-me form p, #default-full form p {
	width: 350px;
	height: 35px;
	clear: left;
	margin-bottom: 0;
}

#bid-for-me form p label, #default-full form p label {
	float: left;
}

#bid-for-me form p input, #default-full form p input {
	float: right;
	width: 200px;
	border: 1px solid #ccc;
}

#bid-for-me form p select, #default-full form p select {
 	float: right;
 	width: 210px;
}

/* ---------- Write a Review ------------ */

#write-review, #sign-in {
	width: 980px;
	padding: 75px 10px 20px 10px;
	position: relative;
}

#write-review form p {
	width: 350px;
	height: 35px;
	clear: left;
	margin-bottom: 0;
}

#write-review form p label {
	float: left;
}

#write-review form p input, #write-review form p textarea {
	float: right;
	width: 200px;
	border: 1px solid #ccc;
}

#write-review form p select {
 	float: right;
 	width: 210px;
}

/* ---------- Admin ------------ */

#sign-in form input {
	width: 200px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

#sign-in form label {
	margin-bottom: 10px;
}

/* ---------- Sidebar ---------- */

#sidebar .box {
	margin-bottom: 30px;
	width: 210px;
	padding: 0 18px 0 18px;
}

#sidebar {
	width: 250px;
	float: right;
	margin-left: 30px;
}

#how-to {
}

p.date {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	font-family: "futura-pt-1","futura-pt-2";
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	position: absolute;
	width: 250px;
	margin: 0 auto;
	margin-top: -70px;
	text-align: center;
}

#sidebar .box h3 {
	width: 250px;
	height: 25px;
	background: #242424;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	color: #ffffff;
	font-family: "futura-pt-1","futura-pt-2";
	font-size: 18px;
	font-weight: 600;
	margin: -2px 0 0 -20px;
	text-align: center;
	padding-top: 5px;
	text-shadow: 0 2px 2px #000;
}

#smartphone, #print-from-website {
	width: 115px;
	height: 75px;
	font-size: 17px;
	line-break: 23px;
	padding-left: 60px;
	margin: 0 auto;
	margin-top: 30px;
}

#smartphone {
	background: url(../images/tommy/icon_phone.png) no-repeat left top;
}

#print-from-website {
	background: url(../images/tommy/icon_print.png) no-repeat left top;
}

#instructions {
	width: 175px;
	margin: 0 auto;
	font-size: 13px;
}

#instructions p {
	background: url(../images/tommy/icon_check.png) no-repeat top left;
	padding-left: 45px;
	margin-bottom: 20px;
	line-height: 23px;
}

.learn-more {
	font-size: 16px;
	width: 210px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 18px;
}

.box#brewery, .box#winery {
	text-align: center;
	padding-bottom: 18px;
}

.box#brewery img, .box#winery img {
	width: 210px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.box#brewery a, .box#winery a {
	font-size: 16px;
}

a#twitter-link, a#facebook-link {
	display: block;
	width: 170px;
	height: 28px;
	padding: 7px 0 0 40px;
	font-family: "futura-pt-1","futura-pt-2";
	font-weight: bold;
	font-size: 17px;
	color: #000;
	margin: 10px 0 10px 0;
}

a#twitter-link:hover, a#facebook-link:hover {
	color: #942c29;
}

a#twitter-link {
	background: url(../images/tommy/twitter_32.png) no-repeat left;
}

a#facebook-link {
	background: url(../images/tommy/facebook_32.png) no-repeat left;
}

/* ---------- Footer --------- */

#footer-nav {
	position: relative;
	width: 720px;
	height: 127px;
	margin-bottom: 50px;
}
	
#footer-nav #footer1, #footer-nav #footer2, #footer-nav #footer3 {
	width: 190px;
	height: 87px;
	padding: 40px 20px 0 20px;
	background: url(../images/tommy/footer-nav.png) no-repeat;
	position: absolute;
	font-family: 'futura-pt-1','futura-pt-2';
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 2px 2px #000;
}

#footer-nav a {
	color: #fff;
	height: 127px;
	display: block;
}

#footer-nav a:hover {
	color: #000;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

#footer1 {
	left: 0;
}

#footer2 {
	left: 245px;
}

#footer3 {
	right: 0;
}

#footer1 a {
	background: url(../images/tommy/icon_plate.png) no-repeat left top;
	padding-left: 86px;
}

#footer2 a {
	background: url(../images/tommy/icon_phone2.png) no-repeat left top;
	padding-left: 55px;
}

#footer3 a {
	background: url(../images/tommy/icon_city.png) no-repeat left top;
	padding-left: 80px;
}

#footer-wrap {
	height: 175px;
	background: url(../images/tommy/footer.jpg) repeat-x;
	width: 100%;
}

#footer {
	width: 1000px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: left;
}

#footer p {
	margin-bottom: 10px;
}

#footer p, #footer ul, #footer a {
	color: #fff;
	font-size: 12px;
	text-shadow: 0 1px 3px #000;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin-right: 15px;
}

#footer a:hover {
	text-decoration: underline;
}

/* ---------- Misc Styles ---------- */

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	
}